@import 'src/app/common/styles/variable/index.scss';
@import 'src/app/common/styles/mixin/index.scss';
.estate {
  padding: $pagePadding;
}
.appointinfo {
  margin-bottom: $gutter;
  padding: 0.24rem $pagePadding;
  background: #fff;
  .title {
    margin-bottom: 0.12rem;
    font-size: 0.18rem;
  }
  .list {
    .item {
      margin-bottom: 0.08rem;
      .label {
        display: inline-block;
        width: 0.72rem;
      }
      .value {
        color: $font3;
      }
    }
  }
}
.comment {
  padding: 0.24rem $pagePadding;
  background: #fff;
  .title {
    margin-bottom: 0.12rem;
    font-size: 0.18rem;
  }
  .baseinfo {
    display: flex;
    align-items: center;
    margin-bottom: 0.12rem;
    .avatar {
      @include avatar(0.48rem);
    }
    .info {
      .broker,
      .score {
        display: flex;
        align-items: center;
      }
      .label {
        width: 0.56rem;
      }
      .broker {
        margin-bottom: 0.04rem;
        .value {
          color: $font3;
        }
      }
    }
  }
  .content {
    padding: $pagePadding;
    line-height: 0.2rem;
    background: #fbfbfb;
    border-radius: 0.02rem;
  }
  .bottom {
    padding-top: 0.24rem;
    font-size: 0.12rem;
    text-align: center;
    .time {
      margin-right: 0.04rem;
      color: $font3;
    }
    .mark {
      color: #f8ae2e;
    }
  }
}
.error,
.loading {
  position: relative;
  height: calc(100vh - #{$navbarHeight});
  background: #fff;
}
